<template>
    <v-layout row wrap class="mt-4">
        <v-flex xs8>
            <v-text-field
                :placeholder="placeholder"
                :value="value"
                @input="$emit('onInput', $event)"
                @keyup.enter="$emit('create')" 
            >
            </v-text-field>
        </v-flex>
        <v-flex xs4 class="text-xs-right">
            <v-btn
                class="mt-2"
                color="green"
                dark
                @click="$emit('create')"
            >
                <v-icon class="mr-2">add_circle</v-icon>
                Create
            </v-btn>
        </v-flex>
    </v-layout>     
</template>
<script>
import { mapMutations, mapState, mapActions } from 'vuex';
export default {
    props: [
        'placeholder', 
        'value',
    ]
}
</script>
<style>
</style>

 